<!--  -->
<template>
  <div class="fx-order-detail">
      <!-- <HeaderTop title="订单详情"></HeaderTop> -->
      <div class="container">
          <ul class="container-ul">
              <li class="container-li">
                  <div class="title">订单号:</div>
                  <div class="text">{{orderIncome.orderNo}}</div>
              </li>
              <li class="container-li">
                  <div class="title">付款人:</div>
                  <div class="text">{{orderIncome.nickName}}</div>
              </li>
              <li class="container-li">
                  <div class="title">订单总金额:</div>
                  <div class="text">￥{{orderInfo.itemAmountTotal}}</div>
              </li>
              <li class="container-li">
                  <div class="title">商品名称:</div>
                  <div class="text">{{orderInfo.itemAmountTotal}}</div>
              </li>
              <li class="container-li">
                  <div class="title">商品数量:</div>
                  <div class="text">{{orderInfo.itemAmountTotal}}</div>
              </li>
              <li class="container-li">
                  <div class="title">我的佣金:</div>
                  <div class="text">￥{{orderIncome.orderAmountTotal}}</div>
              </li>
              <li class="container-li">
                  <div class="title">下单时间:</div>
                  <div class="text">{{orderIncome.orderSettlementTime}}</div>
              </li>
          </ul>
      </div>
  </div>
</template>

<script>
// import HeaderTop from '../HeaderTop/HeaderTop'
import {mapState} from 'vuex'
export default {
    data () {
        return {
            orderIncome:{},
            orderDetails:[],
            orderInfo:{}
        };
    },

    // components: {
    //     HeaderTop
    // },

    computed: {
        ...mapState(['userInfo'])
    },
    async created(){
        // const incomeId = this.$route.query.id
        // const userId = this.userInfo.userInfo.id
        // const token = this.userInfo.token
        // 根据fxid异步获取fx订单详情
        // let result = await reqfxOrderDetail({userId,token,incomeId})
        let result = await this.API.reqfxOrderDetail({userId:7,token:'c56-1932-4',incomeId:1})
        console.log(1111)
        console.log(result.retData)
        this.orderIncome = result.retData.orderIncome
        this.orderDetails = result.retData.orderDetails
        this.orderInfo = result.retData.orderInfo
    },
    methods: {

    }
}

</script>
<style lang='stylus' scoped>
@import "../../common/stylus/mixins.styl"
.fx-order-detail
    // margin-top 45px
    padding-bottom 0 !important
    width 100%
    height 100%
    background #fff
    .container
        // top-border-1px(#e4e4e4)
        .container-li
            display flex
            justify-content space-between
            align-items center
            font-size 15px
            height 60px
            margin 0 30px
            color #333333
            bottom-border-1px(#e4e4e4)
</style>